<form class="layui-form layui-card" action="{:request()->url()}" data-auto="true" method="post" autocomplete="off">
    <div class="layui-card-body padding-left-40">

        <fieldset class="layui-form-item layui-row layui-col-space10">
            <div class="layui-col-xs2">
                <input type="hidden" name="headimg" value="{$vo.headimg|default=''}">
                <script>$('[name=headimg]').uploadOneImage()</script>
            </div>
            <label class="layui-col-xs5 relative">
                <span class="color-green font-w7">登录账号</span>
                <span class="color-desc margin-left-5">Username</span>
                {if isset($vo) and isset($vo.username)}
                <input disabled value='{$vo.username|default=""}' class="layui-input layui-bg-gray">
                {else}
                <input name="username" value='{$vo.username|default=""}' required pattern="^.{4,}$" placeholder="请输入登录用户账号" class="layui-input">
                {/if}
                <span class="help-block">登录账号不能重复，账号创建后不能再次修改</span>
            </label>
            <label class="layui-col-xs5 relative">
                <span class="color-green font-w7">用户昵称</span>
                <span class="color-desc margin-left-5">Nickname</span>
                <input name="nickname" value='{$vo.nickname|default=""}' required placeholder="请输入用户的昵称" class="layui-input">
                <span class="help-block">用户展示的账号名称，请尽量保持不要重复</span>
            </label>
        </fieldset>

        <fieldset class="layui-form-item layui-row layui-col-space10">
            <label class="layui-col-xs4 relative block">
                <span class="color-green font-w7">联系邮箱</span>
                <span class="color-desc margin-left-5">Email</span>
                <input name="contact_mail" autocomplete="off" pattern="^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$" value='{$vo.contact_mail|default=""}' placeholder="请输入联系电子邮箱" class="layui-input">
                <span class="color-desc">可选，请填写常用的电子邮箱</span>
            </label>
            <label class="layui-col-xs4 relative block">
                <span class="color-green font-w7">联系手机</span>
                <span class="color-desc margin-left-5">Mobile</span>
                <input type="tel" maxlength="11" autocomplete="off" name="contact_phone" value='{$vo.contact_phone|default=""}' pattern="^1[3-9][0-9]{9}$" placeholder="请输入用户联系手机" class="layui-input">
                <span class="color-desc">可选，请填写常用的联系手机号</span>
            </label>
            <label class="layui-col-xs4 relative block">
                <span class="color-green font-w7">联系ＱＱ</span>
                <span class="color-desc margin-left-5">TencentQQ</span>
                <input name="contact_qq" autocomplete="off" pattern="^\d{6,}$" value='{$vo.contact_qq|default=""}' placeholder="请输入联系ＱＱ" class="layui-input">
                <span class="color-desc">可选，请填写常用的联系ＱＱ号</span>
            </label>
        </fieldset>

        {notempty name='authorizes'}

        <div class="layui-form-item layui-col-space10">
            <span class="color-green font-w7">访问授权</span>
            <span class="color-desc margin-left-5">Authorize</span>
            <div class="layui-textarea">
                {if isset($vo.username) and $vo.username eq 'admin'}
                <span class="color-desc">超级用户不需要配置权限</span>
                {elseif empty($authorizes)}
                <span class="color-desc">未配置权限</span>
                {else}
                {foreach $authorizes as $authorize}
                <label class="think-checkbox layui-unselect">
                    {if in_array($authorize.id, $vo.authorize)}
                    <input type="checkbox" checked name="authorize[]" value="{$authorize.id}" lay-ignore> {$authorize.title}
                    {else}
                    <input type="checkbox" name="authorize[]" value="{$authorize.id}" lay-ignore> {$authorize.title}
                    {/if}
                </label>
                {/foreach}
                {/if}
            </div>
        </div>
        {/notempty}

        <label class="layui-form-item layui-col-space10 block">
            <span class="color-green font-w7">用户描述</span>
            <span class="color-desc margin-left-5">Description</span>
            <textarea placeholder="请输入用户描述" class="layui-textarea" name="describe">{$vo.describe|default=""}</textarea>
        </label>

        <div class="hr-line-dashed"></div>
        {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}

        <div class="layui-form-item text-center">
            <button class="layui-btn" type='submit'>保存数据</button>
            <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消编辑吗？" data-close>取消编辑</button>
        </div>
    </div>

</form>
